*{ -webkit-text-size-adjust: none; }
body { margin: 0; padding: 0; font-family: "Microsoft JhengHei", sans-serif; font-size: 15px; line-height: 1.5;background:url("images/bg_01.jpg") /*background-color:#2f1f19*/}
h1,h2,h3,h4,p,ul,li{margin:0;padding:0;}
img {border:none;}

.wrapper{position: relative;min-width:1100px}
/* .wrapper *{font-family: "Microsoft JhengHei", sans-serif; font-size: 15px; line-height: 1.5;} 
.header h1,.header h3,.header p,.section-inner{text-indent:-99999px;}*/
.goHome,.share,.goEvent{text-indent: -99999px;}

.hidden, [hidden]{display: hidden;}
.text-hidden{height: 0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}
.text-hidden ul, .text-hidden ol{list-style: none;}

.inner{position:relative;margin:0 auto;width:1100px;}

ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}


#gotop {/*回頂端*/
	display: none;/*預設隱藏*/
	position: fixed;/*固定在右下角*/
	right: 10px;
	bottom: 20px;
	cursor: pointer;
	z-index: 999;
	opacity:0.5;
}

#gotop a:hover {/*回頂端*/
	opacity:0.9;
}


/* header */
.header{position:relative;width:100%;/*height: 856px;*/background:url("images/bg_01.jpg") no-repeat 50% 0}
.header .inner{position:relative;margin:0 auto;width:1100px;}
.header .inner .goHome{ position: absolute; top: 8px; right: 45px; width: 113px; height: 47px; /*background-color:#0C9; */}

h3{font-size: 30px; line-height: 1.5; color:#333;}
h1{font-size: 20px; line-height: 1.5; color:#333;}
h2{font-size: 15px; line-height: 1.5; color:#000;}

/* common */
.section [class*="btn"]{position: absolute; display: block; /* width: 52px; height: 52px; */ text-indent: -9999px;}
.section [class*="item-list"] {position: absolute;list-style: none;}
.section [class*="item-list"] >li{position: relative;float: left; /* width: 154.5px; height: 264px; */ text-indent: -9999px;}
.section [class*="item-list"] >li >a{display: block; /* position: absolute; */ text-indent: -9999px;}
.section [class*="item-list"] >li >a.preview{width: 40px;height: 40px;}
.section [class*="item-list"] >li >a.modal,
.section [class*="item-list"] >li >a.layer{width: 104px;height: 28px;}

/* section */
#section1{position:relative;height: 601px;background:url("images/bg_02.jpg") no-repeat 50% 0;}
/* #section1 .btn-exchange{top: 312px;left: 418px;width: 242px; height: 57px;} */
#section1 .item-list-2{top: 863px; left: 7px; width: 1083px;}
#section1 .item-list-2 >li {width: 154.5px; height: 264px;}
#section1 .item-list-2 >li >a{position: absolute;}
#section1 .item-list-2 >li >a.preview{top: 93px; left: 96px;}
#section1 .item-list-2 >li >a.modal,
#section1 .item-list-2 >li >a.layer{top: 174px; left: 24px;}

#section2{position:relative;height: 788px;background:url("images/bg_03.jpg") no-repeat 50% 0;}
#section2 .btn-exchange{top: 506px; left: 329px; width: 430px; height: 146px; background: url("images/btn_exchange.png") 0 0 no-repeat;}
#section2 .btn-exchange:hover{background-position: 0 -146px;}

#section3{position:relative;height: 828px;background:url("images/bg_04.jpg") no-repeat 50% 0;}
#section3 .item-list-1{top: 478px; left: 624px; width: 320px;}
#section3 .item-list-1 >li{width: 320px; height: 35px; margin-bottom: 3px;}
#section3 .item-list-1 >li >a.preview{float: left; width: 36px; height: 36px;}
#section3 .item-list-1 >li >a.modal{float: right; width: 96px; height: 36px;}
#section3 .inner .goHome2{ position: absolute; top: 750px; right: 45%; width: 113px; height: 47px; /*background-color:#0C9; */}

/* caution */
.caution{position:relative; margin:0 auto; padding:80px 0 0px;  background:url("images/bg_05.jpg") no-repeat 50% 0;}
.caution .inner{width: 1100px; height:100px;}
.caution .inner{position:relative;margin:0 auto;width:1100px; background:url("images/jslci.png") no-repeat 50% 0;}
/*.caution .inner h2 {float: left; width: 111px; height: 29px; text-indent:-99999px; background:url("images/bg_05.jpg") no-repeat 0 0;}
.caution .inner ol {float: left; width: 770px; margin:0 0 0 -2px;}
.caution .inner ol li { padding: 0 0 3px; font-size: 17px; color: #d8c597;}*/

/*#layer1{ padding: 0 35px 30px; color: #ddd; background-color: #484240; line-height: 1.5;}
#layer1 h3{margin: 0; padding: 30px 0 13px; font-size: 18px; color: #ffc047; line-height: 1.3; text-align: center; border-bottom: 1px solid #3a3533;}
#layer1 p{margin: 13px 0 10px 0;}
#layer1 table{border-collapse:collapse;}
#layer1 table >tbody >tr >td{padding: 5px 10px 8px; border: 1px solid #3a3533;}*/

/* modal style */
/* #modal-header,
#modal-contents{background-color: #fff !important;}
#modal-header,
#modal-contents,
.modal-title{color: #1d1813 !important;}
#modal-header .modal-title{border-bottom: 1px solid #ccc !important;}
#modal-text{color: #333 !important;} */


/* tooltip style */
/* #btc .tooltip{background-color: #fff !important;}
#btc .tooltip h3,
#btc .tooltip p{color: #1d1813 !important;}
#btc .tooltip h3{border-bottom: 1px solid #ccc !important;} */

/*@media screen and (min-width: 400px) and (max-width: 700px) {
	  .inner{position:relative;margin:0 auto;width:600px; height:203px; background: url("images/ci2.png"); background-repeat:no-repeat}
	.caution{position:relative; margin-left:35%; margin:0 auto; padding:100px 0 0px;  background:url("images/bg_05.jpg") no-repeat 50% 0;}
	.caution .inner{width: 600px; height:230px;}
}
*/