/* TWM CSStore custom CSS */

html { display:block; marign:0; padding:0; height:100%; }
body { margin:0 !important; }
h1 { font-size:1.4em; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; font-weight:normal; }
h4 { font-size:1.1em; font-weight:normal; }
h5 { font-size:1em; }
h6 { font-size:.9em; }
p, b, span { font-size:.9em; }
a:-webkit-any-link {;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-thickness: none;
    text-decoration-style: none;
    text-decoration-color: none;
}
* { box-sizing:border-box; margin:0; padding:0; font-family:Arial, '微軟正黑體'; }

/* GENERAL */
/* Property */
.center { text-align:center; }
.font13 { font-size:.9em; }
.darkblue { color:#2A56D1 !important; }
.red { color:#eb5700 !important; font-size:inherit !important; }
.gap { display:block; height:20px; }
.gap-bottom { margin-bottom:30px !important; }
.mid { font-size:1.1em; }
.small { font-size:.8em; }
.large { font-size:1.4em; }
.price { color:#eb5700; margin:5px auto 10px auto; }
.gray { color:#888; }
.graylink { color:#888 !important; text-decoration:underline !important; z-index:8; }
.subnote { margin:0 0 8px 45px !important; }
.notegray { display:block; /*background:#666;*/ border:1px dashed #eb5700; color:#eb5700 !important; border-radius:5px; padding:14px 10px !important; font-size:1em !important; text-align:center !important; margin-bottom:3px !important; }
.normal { font-size:normal !important; }
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited { color:#333; }

/* Action */
.addtionalbuybox { margin:20px 0 !important; padding:0 !important; height:auto !important; }
.animate { -webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; }
.animateslow { -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
.anchor, .noteheader { display:table; width:auto; margin:30px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.anchor2, .noteheader { display:table; width:auto; margin:0px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.anchor2 > .noteheader { display:table; width:auto; margin:0px auto 5px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.btnover { cursor:pointer; -webkit-transition:all .15s; -moz-transition:a
ll .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; }
.bglightgray { background-color:#e8e9ea; box-shadow:inset 0 0 6px -2px rgba(0,0,0,0.4); }
.popanchor { display:table; width:auto; margin:0 auto 12px auto; background:#f1f2f3; border:0px solid #ccc; border-radius:30px; color:#555; padding:5px 20px 3px 20px; font-size:1em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }
.fixedtop { position:fixed !important; top:0px !important; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.forcecenter, .forcecenter > p, .forcecenter > b { text-align:center !important; }
.forcelarger1 { font-size:1.4em !important; font-weight:bold !important; }
.forcelarger2 { width:100% !important; font-size:1.1em !important; }
.noscroll { overflow:hidden; }
.borderbottom { border-bottom:1px solid #ccc; }
.btn { display:block; background:#eb5700; color:white !important; border-radius:5px; padding:14px 10px; font-size:1.15em; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.3); box-sizing:border-box; font-weight:normal !important; text-align:center; margin:10px 0; text-decoration:none !important; cursor:pointer; font-size:1.0em; border-top:2px solid rgba(255,255,255,.2); }
.btn:hover { background:#eb5700; background:#FF3700; color:white; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); font-weight:normal !important; }
.btnlogin { display:inline-block; background:#eb5700; color:white !important; border-radius:5px; padding:14px 10px; font-size:1.15em; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.3); box-sizing:border-box; font-weight:normal !important; text-align:center; margin:10px 0; text-decoration:none !important; cursor:pointer; font-size:1.0em; border-top:2px solid rgba(255,255,255,.2); margin:10px 0px; width: 100%; line-height: 2em;}
.btnlogin:hover { background:#eb5700; color:white; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); font-weight:normal !important; }
.btnlogin2 { display:block; background:#fff; color:#F7BC99 !important; border-radius:5px; padding:14px 10px; font-size:1.15em; text-shadow:-1px -1px 0 rgba(243,2,83,0.0);  box-sizing:border-box; font-weight:normal !important; text-align:center; margin:10px 0; text-decoration:none !important; cursor:pointer; font-size:1.0em; border:2px solid #F7BC99; margin:10px 0px 40px 0px; }
.btnlogin2:hover { background:#eb5700; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); font-weight:normal !important; color:rgba(255,255,255,1.00) !important; margin-bottom:40px; }

.btnpass { display:block; background:#white; border: 1px solid #eb5700; color:#eb5700 !important; border-radius:5px; padding:5px 5px; font-size:0.9em;  font-weight:normal !important; text-align:center; margin:10px 0; text-decoration:none !important; cursor:pointer;  }
.btnpass:hover { background:#eb5700; color:white !important; border-radius:5px; padding:5px 5px;font-weight:normal !important; }
.btndisable { background:#aaa !important; color:rgba(255,255,255,.5) !important; box-shadow:none !important; }
.btndisable:hover { background:#aaa; }
.btnlightgray { background:#999; }
.btnlightgray:hover { background:#555; }

.btngray { display:block; background:#666; color:white !important; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); text-align:center; margin:20px; cursor:pointer; }
.btngray:hover { background:#333; }
.btnedit, .icon-cancel, .icon-cancel1, .icon-cancel2, .btnok { display:block; background-color:#888; cursor:pointer; width:30px; height:30px; border-radius:15px; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.2); }
.btnedit:hover, .icon-cancel:hover,  .icon-cancel1:hover, .icon-cancel2:hover, .btnok:hover { background-color:#555; }
.btn-congray { display:block; text-align:center; padding:10px; color:white; border-radius:5px; cursor:pointer; background:#999; margin:10px 0 0 0; }
.btn-congray > .mark { display:inline-block; text-align:center; color:#333; width:25px; margin-left:-15px; }
.btn-congrayactive { background:#666; }
.btn-congrayactive-xxx { background:none; margin:20px 0 15px 0; color:#333; border-bottom:1px dotted #333; }
.btnbankround { display:block; background-color:orange; cursor:pointer; height:auto; border-radius:15px; color:white !important; box-shadow:0 1px 1px rgba(0,0,0,.2); font-size:.8em; padding:4px 8px; z-index:8; }
.btn-radioover { position:absolute; right:10px; }
.btn-backtotop { display:block; width:40px; height:40px; position:fixed; bottom:-90px; left:50%; margin-left:-20px; border-radius:50%; background-color:rgba(0,0,0,.20); box-shadow:0 0 3px rgba(0,0,0,0.4); }
.btn-backtotop:hover { background-color:rgba(0,0,0,.8); }
.btn-backtotop-show { bottom:80px !important; cursor:pointer; }
.btn-2col { display:inline-block; position: relative; margin: 0 auto; width: 40% ;vertical-align:middle; background:#eb5700; color:white !important; border-radius:5px; padding:14px 10px; font-size:1.15em; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.3); box-sizing:border-box; font-weight:normal !important; text-align:center; text-decoration:none !important; cursor:pointer; font-size:1.0em; border-top:2px solid rgba(255,255,255,.2); }
.btn-2col:hover { background:#eb5700; color:white; border-radius:5px; padding:14px 10px; box-shadow:0 1px 2px rgba(0,0,0,0.3); font-weight:normal !important; }

.fright { position:absolute; top:50%; right:10px; margin-top:-15px; }
.ul-basic { display:block; margin:10px 10px 30px 10px; text-align:left; }
.ul-basic li { margin:0; margin-bottom:6px; list-style:disc; font-size:.9em; line-height:150%; text-align:justify; color:#555; }
.ul-basic li a { display:inline-block; margin:0 2px; color:#eb5700 !important; }
.ul-basic li a:hover { text-decoration:underline !important; }
.ul-basic p img {display:block}
.ul-sub { display:block; margin:15px 0 30px 20px; text-align:justify; }
.ul-sub li { margin:0; margin-bottom:6px; list-style:decimal; font-size:1em; line-height:150%; text-align:justify; color:#555; }
.ul-justify li { text-align:justify; }
.ul-simple { margin:10px 20px; }
.ul-simple li { margin-bottom:0; font-size:inherit; color:inherit; }
.error { display:block; padding:2px 4px; background-xx:#eb5700; color-xx:white; color:#eb5700; font-size:1em; border-radius:5px; margin:4px 0; padding-left:30px; }
.errormsg { background-color:#eb5700; display:block; color:rgba(255,255,255,.9) !important; font-size:.8em; border-radius:5px; margin:6px 0; padding:4px 4px 4px 30px; }
.forcehide { display:none !important; }
.formobj { display:block; position:relative; }
.con-reminder { font-size:.9em !important; text-align:justify !important; display:block; padding-top:10px !important; }
.con-reminder > span { text-align:justify !important; display:inline; padding-top:10px !important; }
.con-reminder .red { font-size:inherit !important; }
.notification { font-size:.8em !important; }
.notification .red { font-size:inherit !important; }
.scrollfixobj {}
.simplelarger { font-size:1.1em; }
.seperator { display:block; border-top:1px solid #999; margin:40px -20px; }
.seperator2 { display:block; border-top:1px solid #999; margin:50px -20px 30px -20px;}
.seperator3 { display:block; border-top:1px solid #999; margin: 0px auto; width:80%;}
.sep-equal { display:block; width:95%; padding:15px 0; border-top:2px dashed #333; margin:10px auto; }
.sep-equalshort { display:block; width:40%;border-top:2px dashed rgba(51, 51, 51, 0.4); margin:10px auto; }
.text-blackblock { display:block; text-align:center; background:#333; color:white; padding:10px 50px; border-radius:4px; font-size:16px; margin-top:10px;}
.text-blackblock > p { display:block; text-align:center; padding:5px; color:#bbbbbb;font-size:10px; }
.text-redblock { display:block; text-align:center; background:#eb5700; color:white; padding:10px; border-radius:4px; font-size:16px; margin-top:10px;}
.text-redblock > p { display:block; text-align:center; padding:5px; color:#white;font-size:0.9em; }
.toprollbannerarea-x { padding-top:40px !important; margin-bottom:-25px !important; }



/* Popout Overlay */
.overlay { display:none; background:rgba(120,120,120,0.8); width:102%; height:102%; position:fixed; top:-2px; left:-2px; z-index:90; }
.overlay .canvas { display:block; background:white; width:95%; /*20221229 97->87*/height:87%; box-sizing:border-box; text-align:center; padding:30px; position:fixed;/*20221229 9.5->10.5*/ top:10.5%; left:2.5%; border-radius:3px; overflow-y:auto; }
.overlay .canvas .con { display:block; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px -20px; padding:10px 20px; }
.overlay .canvas .confit { padding:0px; }
.overlay .canvas .confit2 { padding:10px 0px; }
.overlay .canvas .confit2 .formbox2 .sep-equal span { display:block; text-align:center; padding:5px; color:#eb5700; font-size:10px; }
.overlay .canvas .conpromotion { padding:40px; color:#eb5700; font-size:1.2em; font-weight:300; }
.overlay .canvas .concenter { text-align:center; }
.overlay .canvas .concenter b, .overlay .canvas .concenter p { display:inline-block !important; margin:5px 0; }
.overlay .canvas .concenter b { width:auto; }
.overlay .canvas .con p { display:block; line-height:140%; }
.overlay .canvas .con p.highlightp { margin:14px auto; font-weight:bold; font-size:1.1em; }
.overlay .canvas .con span { display:block; color:#888; font-size:.8em; margin:5px 0; text-align:center; }
.overlay .canvas .con p span { display:inline-block; margin:0; }
.overlay .canvas .con p .strong { padding:0 3px; font-weight:bold; }
.overlay .canvas .con img { display:block; width:100%; margin:10px 0; }
.overlay .canvas .con-no-tmargin { margin-top:0 !important; }
.overlay .canvas .conleft { text-align:left; }
.overlay .canvas .conleft > p { margin:20px 0; line-height:140%; text-align:left; }
.overlay .canvas .conleft > span { line-height:140%; text-align:left; }
.overlay .canvas .tabbox { display:block; width:100%; margin:10px 0 0; }
.overlay .canvas .tabbox a { display:table-cell; padding:10px; cursor:pointer; }
.overlay .canvas .tabbox a.active { border-bottom:3px solid #eb5700;  }
.overlay .canvas .astable { display:table; width:100%; }
.overlay .canvas .wpart2 { width:49.999% !important; }
.overlay .canvas .wpart3 { width:33.3% !important; }
.overlay .btnclose { display:block; width:24px; height:24px; position:fixed; top:10%; right:4.0%; padding:0; opacity:1; background-color:#ccc; border-radius:20px; cursor:pointer; z-index:66; background-size:60% 60%; background-position:center center; box-shadow:none; }
.overlay .btnclose:hover {}

.serverOverlay { background:rgba(100,100,100,0.9); width:102%; height:102%; position:fixed; top:-2px; left:-2px; z-index:92; }
.serverOverlay > p { display:block; width:100%; color:#fff; text-align:center !important; font-size:1em; position:absolute; top:50%; left:0; margin-top:0px; }
.serverOverlay > .loaderobj { display:block; width:40px; height:40px; background-color:#fff; border-radius:100%; 
	position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-50px; 
	-webkit-animation:serverOverlay-scaleout 1.0s infinite ease-in-out; animation:serverOverlay-scaleout 1.0s infinite ease-in-out; }
@-webkit-keyframes serverOverlay-scaleout {
  0% { -webkit-transform: scale(0.0); }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes serverOverlay-scaleout {
  0% {  transform: scale(0.0); }
  100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

.con-content { padding:20px 12px; font-size:.9em; }
.con-content .ul-basic li { font-size:.9em; }
#privacytextarea { width:100%; font-size:.8em; line-height:140%; text-align:left; opacity:.8; border:0; padding:10px 20px; overflow-y:scroll; }
#privacytextarea p { margin:10px 0; }

.centerwithimg { padding:30px 0; margin-bottom-x:20px; padding: 30px 30px; margin: -11px -30px 20px -30px; background: #f2f3f4; }
.centerwithimg h2 { margin-top:0; padding-bottom:10px; font-weight-x:normal; }
.centerwithimg p { text-align:justify; padding-bottom:10px; }
.centerwithimg img { width:160px !important; margin:10px auto !important; }
.framegraybox { padding:0 0 15px 0; }
.framegraybox h4 { font-size:.85em; }

.centerwithtxt { background:#999999;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px 25px; margin-top:25px;}
.centerwithtxt h2 { font-size:16px; line-height:1.5; text-align:center; color:#FFFFFF; margin-top:0;font-weight-x:normal; }
.centerwithtxt-con { text-align:justify; padding:10px 0px; }


.con > .formbox > .listview {}
.con > .formbox > .listview > p { display:block; text-align:left; padding:8px 0 8px 33px; cursor:pointer; }
.con > .formbox > .listview > p > span { display:block; text-align:left;cursor:pointer; font-size:0.8em; color:#bbbbbb; position:relative; top:-10px; }
.con > .formbox > .listview > p > span.longpara { color:#999; top:0; line-height:140%; }
/*.con > .formbox > .listview > p > span { display:inline; text-align:left; padding:0px 0 50px 5px; cursor:pointer; font-size:0.6em; color:#bbbbbb; position:relative; top:-3px; }*/
.con > .formbox > .listview > p.select { font-weight:bold; }
.con > .formbox > .listview > p.select2 { font-weight:bold; }

.screencover { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:77; background-color:rgba(100,100,100,0.6); }
.navside { display:block; width:100px; height:100%; position:fixed; top:0; right:-100px; z-index:76; background-color:#ececee; overflow-y:auto; }
.navside b { display:block; text-align:center; margin:20px 0 5px 0; }
.navside .btnset { display:block; text-align:center; padding:0 5px 10px 5px; border-bottom:1px dotted #ccc; }
.navside .btnset a { display:block; text-align:center; padding:70px 0 0 0; margin:10px 0 26px 0; cursor:pointer; font-size:1em; text-decoration:none !important; color:#333; }
.navside .btnset:last-child { border-bottom:0; }

.btnset a { text-decoration:none !important; }


.searchbox { display:none; width:100%; height:auto; position:fixed; top:30px; left:0; padding:10px 10px 0px 10px; z-index:74; opacity:0; }
.searchbox .triarrow { display:block; width:0; height:0; border-style:solid; border-width:0 12px 12px 12px; border-color:transparent transparent #fff transparent; position:absolute; top:0; right:40px; z-index:-1; }
.searchbox .box { display:block; width:100%; height:auto; background:white; padding:20px; box-shadow:0 2px 2px rgba(0,0,0,.4); border-radius:4px; }
.searchbox .box input { display:block; width:100%; font-size: 1.25em; padding:10px 10px 9px; margin:2px 0px; background: none repeat scroll 0% 0% #F5F6F7; width:100%; border: 1px solid #E5E5E5; border-radius: 5px; }
.searchbox .box .icon-searchnow { display:block; width:26px; height:26px; position:absolute; top:40px; right:35px; cursor:pointer; opacity:.5; }
.searchbox .subrow { display:block; margin:10px 0 0 0; }
.searchbox .subrow b, .searchbox .subrow a { display:inline-block; color:#eb5700; padding:3px; font-size:.9em; text-decoration:none; }
.searchbox .subrow b { background:#eb5700; color:white !important; padding:2px 4px 1px 4px; border-radius:10px; font-size:.8em; font-weight:normal; }
.searchbox .box input.gray { font-size: 0.9em; padding: 12px 10px 11px; color: #AAA; }


/*
============================================================================================================
*/

/* Header */
.header { display:block; width:100%; background:#fff; border-bottom:0px solid #ccc; position:absolute !important; top:0; left:0; height:40px; z-index:66; }
.header h2 { padding:0; margin:8px 10px 0 10px !important; display:inline-block !important; }
.header h2 a { display: inline-block; text-decoration:none; }
.header h2 img { display:inline-block; width:180px; vertical-align:middle; }
.header h2 span { display:inline-block; vertical-align:middle; padding:6px 0 0 10px; letter-spacing:4px; font-size:.6em; }
.header .headermenu { display:inline-block; width:40px; height:40px; border:0px solid red; position:absolute; top:0; right:0; }
.header .headersearch { display:inline-block; width:40px; height:40px; border:0px solid red; position:absolute; top:0; right:35px; }
.header .headerback { display: inline-block;width: 40px; height: 40px;border: 0px solid #F00;position: absolute;top: 0px;right: 70px;background-size: 45%;background-position: 30% 55%; }
.shorten { display:none; }
.bar-title { display:none; width:100%; background:#eb5700; color:white; height:31px; padding:0; text-align:center; position:absolute !important; top:40px; left:0; z-index:65; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-extand { display:block; width:100%; background:#eb5700; color:white; height:50px; padding:0; text-align:center; position:absolute; /*2022header*/top:0px; z-index:63; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-extand > h4 { display:block; width:100%; color:white; font-weight:100; padding:5px 0; margin-top:10px; }
.bar-extand > h4 > p { font-size:.8em; display:inline-block; vertical-align:middle; }
.bar-extand > h4 > .headericon { display:inline-block; width:25px; height:25px; vertical-align:middle; margin:0 8px 0 0; }
.bar-title p { display:block; width:100%; color:white; padding:0; text-align:center; margin:5px 0; }
.barshorten { position:fixed !important; top:0px; }
.barshorten-forceout { top:0px !important; }
.bar-anchor { display:table; width:100%; background:#ccc; position:absolute; /*2022header*/top:50px; z-index:71; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-anchor a { display:table-cell; text-align:center; width:25%; padding:11px 0 9px 0; font-size:.9em; cursor:pointer; }
.bar-anchor a:hover { color:white !important; }
.bar-anchor a.active { background:#333; color:white; }

.bar-anchor2 { display:table; width:100%; background:#fff; position:absolute; top:190px; z-index:2; /*-webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s;*/ }
.bar-anchor2 a { display:table-cell; text-align:center; width:25%; padding:11px 0 9px 0; font-size:.9em; cursor:pointer; }
.bar-anchor2 a:hover { color:white !important; }
.bar-anchor2 a.active { background:#333; color:white; }
.baranchor2shorten { position:fixed; top:70px; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.baranchor2shorten-forceout { top:70px; }
.baranchor2-forceout50 { top:19px !important; position:fixed; box-shadow:0 1px 2px rgba(0,0,0,0.2); }

.controller2 { display:block; background:#fff; border-bottom:0px solid #ccc; padding:0 0 10px 0; text-align:center;  }
.controller2 div { display:inline-block; margin:0 2px; vertical-align:middle; }
.controller2 p { display:inline-block; font-size:.8em; margin:0 20px 0 5px; vertical-align:middle; }
.controller2 div > p { display:block; margin:0; color:#888; padding:0; text-overflow: ellipsis; width: 130px;}
.controller2 .comparethumbinfo > img { width:100px; height:100px;background:#fff;}
.compareconbox > div { display:inline-block; }
.compareconbox .sepline { display:inline-block; width:1px; border-right:1px dotted rgba(156,156,156,1.00); height:110px; margin:auto 10px; }
.compareconbox a.btn { display:block; width:auto; margin-top:4px !important; padding:4px 10px 5px 10px; }

/*
.baranchorshorten { position:fixed !important; top:50px; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.baranchorshorten-forceout { top:0 !important; }
.baranchor-forceout50 { top:50px !important; position:fixed !important; box-shadow:0 1px 2px rgba(0,0,0,0.2); }
*/
.baranchorshorten { position:fixed; top:80px; box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.baranchorshorten-forceout { top:70PX; }
.baranchor-forceout50 { top:120px !important; position:fixed; box-shadow:0 1px 2px rgba(0,0,0,0.2); }



.listmenu { display:table; width:100%; }
.listmenu a { display:table-cell; width:33%; border-right:0px solid rgba(255,255,255,0.2); background:#eb5700; color:rgba(255,255,255,0.7) !important; padding:16px 0 12px 0 !important; text-align:center; text-decoration:none !important; line-height:100%; }
.listmenu a:hover { background:rgba(0,0,0,0.1) !important; }
.listmenu a.active { color:white !important; border-bottom:4px solid rgba(255,255,255,.7); }

.footerbox { display:block; width:100%; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.3); position:fixed !important; bottom:-60px; left:0; height:auto; z-index:54; box-sizing:border-box; border-top:0px solid #aaa; padding:0; -webkit-transition:all .15s; -moz-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; transition:all .15s; }
.footerbox > .btn-xxx { margin:4px /*0*/; padding:18px; border-radius-xxx:0; }
.footerbox > .btn { margin:0; padding:24px 0 26px 0; border-radius:0; }
.footerout { bottom:0; }
.footerboxforceout { bottom:0 !important; }
.footerbtnset2 { display:block; background:#eb5700;border-left:1px solid rgba(252,252,252,.3);  }
.footerbtnset2 > a { display:inline-block; width:50%; float:left; box-shadow:none; margin:0 -2px;border-left:1px solid rgba(252,252,252,.3); }
.footerbtnset3 { display:block; background:#eb5700; }
.footerbtnset3 > a { display:inline-block; width:33%; float:left; box-shadow:none; margin:0 -2px; }
.icon-applyaq, .icon-applynp, .icon-applyrn { display:inline-block; width:16px; height:16px; margin-right:3px; background-repeat:no-repeat; background-position:0 0; background-size:cover; }


/* Content */
.container { /*2022header*/top:70px;/*2022header*/padding-top:70px; background:white !important; }
.twm-content-full { padding:0; }
.twm-content-top { margin-top:120px; }
.twm-content { text-align:center; }
.twm-content > h5 { display:inline-block; margin:20px auto 10px auto; text-align:center; background:#666; background:#eb5700; color:white; width:auto; border-radius:30px; line-height:100%; padding:9px 14px 5px 14px; }
.twm-content > span { color:#656565; font-size:0.9em; }
.twm-contentgray2 { text-align:center; background-color:#E8E9EA; }
.twm-anchor-content { /*20221229 40*/padding-top:40px; }
.twm-anchor-content2 { padding-top:200px; }
.twm-anchor-content3 { padding-top:195px; }
.twm-contentend { padding-bottom:105px; padding-top:20px; }
.twm-contentend2 { padding-bottom:105px;}
.twm-contentend3 { padding-bottom:105px; padding-top:20px;  }
.twm-contentend4 { padding-bottom:30px;}
.twm-contentend5 { padding-bottom:200px;}
.twm-contentend-addlist { padding-bottom:105px; }
.twm-contentnotop { padding-top:0 !important; }

.twm-contentgray { background-color:#eaebed !important; /*20221229*/display:none;}
.twm-contentend .messagebox { padding-top:0; }
.twm-contentend .messagebox3 { padding-top:20px; }
.twm-contentend2 .messagebox { padding-top:0;padding-bottom:105px;!important; }
.bannerbox { display:block; border:1px solid red; height:350px; }
.rowbannerbox { display:block; background:#e5e6e7; padding:5px 12px 0 12px; border-top:1px solid #d8d9da; border-bottom:1px solid #e1e2e3; }
.rowbannerbox div { display:block; width:100%; padding:10px; text-align:center; }
.rowbannerbox div img { display:block; width:100%; height:auto; margin:0 auto; box-shadow:0 1px 2px rgba(0,0,0,0.2); max-width:320px; }
.rowbannerbox div p { display:inline-block; width:100%; overflow:hidden; white-space:nowrap; padding:0; margin:8px auto 0 auto; text-overflow:ellipsis; }
.rowbannerbox .btnprev, .rowbannerbox .btnnext { display:block; width:20px; height:20px; position:absolute; top:70px; background-repeat:no-repeat; background-position:center; background-size:80%; opacity:.4; cursor:pointer; }
.rowbannerbox .btnprev { left:0; z-index:11; }
.rowbannerbox .btnnext { right:0; z-index:12; }

.textlinkbox { display:block; padding:10px 5px 25px 5px; }
.textlinkbox a { display:block; color:#333 !important; text-align:left; padding:15px 0; text-decoration:none; border-bottom:1px dotted #ccc; /*text-overflow:clip; white-space:nowrap; text-overflow:ellipsis;*/ box-sizing:border-box; opacity:.7; }
.textlinkbox a p { display:block; color:#333; margin-right:32px; /*text-overflow:clip; white-space:nowrap;*/ font-size:1em; text-overflow:ellipsis; }
.textlinkbox a:hover { opacity:1; }

.messagebox { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox p { text-align:justify; }
.textlink { display:inline-block; margin:0 5px; font-size:.9em; background:#aaa; color:white !important; text-shadow:none !important; border-radius:15px; padding:2px 8px; text-decoration:none !important; cursor:pointer; }

.messagebox2 { display:block; padding:20px 15px 20px 20px; text-align:justify; border-bottom:#CECECE solid 1px; }
.messagebox2 >.noteheader2 { display:table; width:auto; margin:15px auto 15px auto; background:#fbfbfb; border:0px solid #ccc; border-radius:30px; color:#555;  font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.30); }
.messagebox3 { display:block; padding:20px 15px 40px 20px; text-align:justify; }
.messagebox3 >.noteheader2 { display:table; width:auto; margin:15px auto 15px auto; background:#fbfbfb; border:0px solid #ccc; border-radius:30px; color:#555; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.30); }
.messagebox2 > .ordercon { }
.messagebox4 { display:block; padding:20px 15px 20px 20px; text-align:justify;  }
.messagebox5 { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox5 >.noteheader2 { display:table; width:auto; margin:15px auto 15px auto; background:#fbfbfb; border:0px solid #ccc; border-radius:30px; color:#555; font-size:.85em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.30); }
.messagebox6 { display:block; padding:20px 15px 20px 20px; text-align:justify; }
.messagebox6 >.noteheader2 { display:table; width:auto; margin:25px auto 5px auto; padding:7px 15px 7px 15px; font-size:1.4em; letter-spacing:1px; font-weight:normal;}

.messagebox7 { display:block; padding:0px 15px 0px 20px; text-align:left !important; }
.messagebox7 >.noteheader2 { display:table; width:auto; margin:25px auto 5px auto;padding:7px 15px 7px 15px; font-size:1.4em; letter-spacing:1px; font-weight:normal; }

/*.messagebox6 >.noteheader2 { display:table; width:auto; margin:25px auto 5px auto;border:0px solid #ccc; border-radius:30px; color:#333; padding:7px 15px 7px 15px; font-size:1.4em; letter-spacing:1px; font-weight:normal; box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); }*/
.textlink:hover { background:#888; }
.textlinkbutton { background:#aaa; box-shadow:0 1px 1px rgba(0,0,0,.4); color:white !important; border-radius:4px; padding:12px 20px; cursor:pointer; }
.textlink:hover { background:#888; }


/* Step */
/*
.stepbox { display:block; box-sizing:border-box; margin:10px; background:rgba(0,0,0,0.3); border-radius:50px; }
.stepbox p { display:inline-block; width:auto; color:rgba(255,255,255,0.5); padding:10px 5px; text-align:center; font-size:.8em; }
.stepbox p.active { color:white; }
.stepbox span { opacity:0.5; }
.stepbox span.active { opacity:1; }
*/
.stepbox { display:block; vertical-align:middle; box-sizing:border-box; margin:14px 0 0 0; }
.stepbox p { display:inline-block; width:auto; vertical-align:middle; color:rgba(255,255,255,0.5); padding:5px; text-align:center; font-size:.8em; }
.stepbox p.active { color:white; }
.stepbox span { opacity:0.5; }
.stepbox span.active { opacity:1; }


.formbox { display:block; text-align:left; }
.formbox > h2 { font-weight:normal; font-size:1.4em; text-align:center; padding:20px; letter-spacing:-.07em; }
.formbox > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.formbox > .row > h5 { display:block; font-weight:normal; font-size:.85em; margin:5px 2px; }
.formbox > .row > h5 > span { display:inline-block; padding:0 4px; color:#999; }
.formbox > .row input { display:block; font-size:1.25em; padding:10px 10px 9px 10px; margin:2px 0; background:#f5f6f7; width:100%; border:1px solid #e5e5e5; border-radius:5px; }
.formbox > .row input.gray { font-size:.9em; padding:12px 10px 11px 10px; color:#aaa; }
.formbox > .row input.error { border:0px solid #eb5700; color:#333; box-shadow:inset 0 0 2px red !important; }
.formbox > .row input:focus { box-shadow:inset 0 0 2px rgba(0,0,0,0.4) !important; background:#fff; }
.formbox > .row input[type='radio'] { display:block; font-size:1.25em; margin:3px 0; width:auto; }
.formbox > .row input[type='checkbox'] { background:none; }
.formbox > .row > select { display:block; font-size:1.25em; padding:10px; margin:3px 0; width:100%; border:1px solid #ccc; border-radius:5px; }
.formbox > .row > div { display:block; padding:0; margin:0; box-sizing:border-box; }
.formbox > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.formbox > .row > div.frame-xxx { display:block; padding:0; margin:0; box-sizing:border-box; }
.formbox > .row > div.frame >h4 { padding:20px; font-size:1.2em; text-align:center; color:#000000; }
.formbox > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:6px 10px; font-size:.9em; border-bottom:1px dotted #ccc; position:relative; cursor:pointer;  }





.formbox > .row > div.frame > .inforow a { color:#eb5700; }
.formbox > .row > div.frame > .inforow > .title { width-x:40%; color:#999; font-size:.8em; }
.formbox > .row > div.frame > .inforow > .price { color:#333 !important; padding:0; font-weight:bold; margin:0; }
.formbox > .row > div.frame > .inforow > .icon-canel-text { width-x:40%; color:#999; font-size:.8em; padding:-0px 100px 0px 50px;text-align:right;}
.formbox > .row > div.frame > .inforow > .icon-checked-black  { display:inline-block; width:26px; height:26px; }
.formbox > .row > div.frame > .inforow > div { display-x:table-cell; vertical-align:top; padding:2px 0; font-size:1em; }
.formbox > .row > div.frame > .inforow:first-child { margin-top:1px; border-radius:4px 4px 0 0; }
.formbox > .row > div.frame > .inforow:last-child { margin-bottom:1px; border-radius:0 0 4px 4px; border-bottom:0; }
.formbox > .row > div.frame > .inforow > .largertitle { font-weight:bold; color:#eb5700; }
.formbox > .row > div.frame > .inforow > div > .subtitle { display:block; width:100%; padding:6px 0; /*color:#eb5700;*/ margin-top:8px; }
.formbox > .row > div.frame > .inforow > div > .subrow { display:table; width:100%; box-sizing:border-box; margin:0; padding:0; border-bottom:1px dotted #ccc; position:relative; background:#f3f4f5; }
.formbox > .row > div.frame > .inforow > div > .subrow > b { display:table-cell; width:120px; color:#999; font-weight:100; padding:7px; border-right: 1px dotted #ccc;}
.formbox > .row > div.frame > .inforow > div > .subrow > p { display:table-cell; font-size:.9em; margin:0; padding:7px; }
.formbox > .row > div.frame > .inforow > div > .subrow:last-child { border-bottom:0px; margin-bottom:7px; }
.formbox > .row .error-select { border:1px solid #eb5700; box-shadow: 0px 0px 2px #f00 inset !important; }
.formbox > .row > .error { border:1px solid #eb5700; box-shadow:0px 0px 2px #f00 inset !important; }


.formbox > .row2 { display:block; margin:0; box-sizing:border-box; margin-top:-20px; }
.formbox > .row2 > h5 { display:block; font-weight:normal; font-size:.85em; margin:5px 2px; }
.formbox > .row2 > h5 > span { display:inline-block; padding:0 4px; color:#999; }

.formbox > .row2 > .comparethumbinfo { display:inline-block; width:49%; }
.formbox > .row2 > .comparethumbinfo > img { display:block; vertical-align:middle; margin:0 auto; width:120px; height:120px; }
.formbox > .row2 > .comparethumbinfo > b { text-align:center;  color: #eb5700;display: block;font-size: .9em;margin: 8px 0px;padding: 0px 20px; }

.formbox > .row > div.frame > .inforow > div > .subtitle2 { display:block; width:100%; padding:6px 0; /*color:#eb5700;*/ margin-top:8px; }
.formbox > .row > div.frame > .inforow > div > .subrow2 { display:table; width:100%; box-sizing:border-box; margin:0; padding:0; border-bottom:1px dotted #ccc; position:relative; background:#f3f4f5; }
.formbox > .row > div.frame > .inforow > div > .subrow2 > b { display:table-cell; width:50%; color:#999; font-weight:100; padding:7px; border-right: 1px dotted #ccc;}
.formbox > .row > div.frame > .inforow > div > .subrow2 > p { display:table-cell; color:#999; font-size:.9em; margin:0; padding:7px; }
.formbox > .row > div.frame > .inforow > div > .subrow2:last-child { border-bottom:0px; margin-bottom:7px; }


.formbox1 { display:block; text-align:left; }
.formbox1 > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.formbox1 > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:10px 15px 20px 15px; font-size:.9em;  position:relative;  border-bottom:1px dotted #ccc;}
.formbox1 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.formbox1 > .row > div.frame > .inforow > .price { font-size:1.1em; font-weight:bold; margin:0; padding:0; }
.formbox2 { display:block; text-align:left; }
.formbox2 > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.formbox2 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.formbox2 > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:10px 15px 20px 15px; font-size:.9em;  position:relative; }



	.listview > div { display:block; margin-bottom:4px; }
	.listview > div:last-child { border-bottom:0px; }
	.listview > div > b { display:block; font-size:.7em; margin-top:15px; text-align:left !important; opacity:.5; }
	.listview > div > p { text-align-x:center !important; font-size:.9em; cursor:pointer; padding-left:40px !important; }


.frame center2 { display:block; text-align:left; }
.frame center2 > h2 { font-weight:normal; font-size:1.4em; text-align:center; padding:20px; letter-spacing:-.07em; }
.frame center2 > .row { display:block; margin:0; padding:12px 0; box-sizing:border-box; }
.frame center2 > .row > h5 { display:block; font-weight:normal; font-size:.85em; margin:5px 2px; }
.frame center2 > .row > h5 > span { display:inline-block; padding:0 4px; color:#999; }
.frame center2 > .row input { display:block; font-size:1.25em; padding:10px 10px 9px 10px; margin:2px 0; background:#f5f6f7; width:100%; border:1px solid #e5e5e5; border-radius:5px; }
.frame center2 > .row input.gray { font-size:.9em; padding:12px 10px 11px 10px; color:#aaa; }
.frame center2 > .row input.error { border:0px solid #eb5700; color:#333; box-shadow:inset 0 0 2px red !important; }
.frame center2 > .row input:focus { box-shadow:inset 0 0 2px rgba(0,0,0,0.4) !important; background:#fff; }
.frame center2 > .row input[type='radio'] { display:block; font-size:1.25em; margin:3px 0; width:auto; }
.frame center2 > .row input[type='checkbox'] { background:none; }
.frame center2 > .row > select { display:block; font-size:1.25em; padding:10px; margin:3px 0; width:100%; border:1px solid #ccc; border-radius:5px; }
.frame center2 > .row > div { display:block; padding:0; margin:0; box-sizing:border-box; }
.frame center2 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }
.frame center2 > .row > div.frame { display:block; width:100%; padding:2px 3px; margin:0; border-radius:7px; border:0px solid #ccc; box-sizing:border-box; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); background:#e5e5e5; position:relative; }0
.frame center2 > .row > div.frame-xxx { display:block; padding:0; margin:0; box-sizing:border-box; }
.frame center2 > .row > div.frame > .inforow { display:table; width:100%; background:white; padding:6px 10px; font-size:.9em; border-bottom:1px dotted #ccc; position:relative; }
.frame center2 > .row > div.frame > .inforow > .title { width-x:40%; color:#999; font-size:.8em; }
.frame center2 > .row > div.frame > .inforow > .icon-checked-black  { display:inline-block; width:26px; height:26px; }
.frame center2 > .row > div.frame > .inforow > div { display-x:table-cell; vertical-align:top; padding:2px 0; font-size:1em; }
.frame center2 > .row > div.frame > .inforow:first-child { margin-top:1px; border-radius:4px 4px 0 0; }
.frame center2 > .row > div.frame > .inforow:last-child { margin-bottom:1px; border-radius:0 0 4px 4px; border-bottom:0; }
.frame center2 > .row .error-select { border:1px solid #eb5700; box-shadow: 0px 0px 2px #f00 inset !important; }
.frame center2 > .row > .error { border:1px solid #eb5700; box-shadow:0px 0px 2px #f00 inset !important; }





.row > .btngray { margin:5px 0; }

.frame > .blockrow { display:block; width:100%; background:white; min-height:120px; padding:15px 0 15px 0; font-size:.9em; border-bottom:1px dotted #ccc; position:relative; }
.frame > .blockrow > .thumb { width:100px; height:auto; top:10px; left:0; border:1px solid rgba(150,150,150,.2); float: left; margin-right: 8px;}
.frame > .blockrow > b { display:block; font-size:1.0em; margin-bottom:8px; }
.frame > .blockrow > p { font-size:.9em; text-align:justify;  }
.frame > .blockrow:first-child { margin-top:20px; }
.frame > .blockrow:last-child { border-bottom:0; margin-bottom:20px; }

.shareboxaddition { margin:18px 0 35px 0; }

.frame > .searchitem { display:block; border-bottom:1px dotted #ccc; padding:20px 0 10px 0; position:relative; text-align:center; margin:1px 0; background:#f5f5f5; }
.frame > .searchitem:last-child { border-bottom:0px; }
.frame > .searchitem > b { display:block; font-size:1.1em; color:#eb5700; font-weight:100; margin:10px 30px; }
.frame > .searchitem > a.btnselect { display:block; width:170px; height:auto; /*position:absolute; right:0; top:50%;*/ background:#f5f5f5; color:white; background:#888; border:1px solid #ccc; border-radius:5px; margin:10px auto 15px auto; padding:12px 20px; cursor:pointer; box-shadow:0 0 1px rgba(0,0,0,0.3); }
.frame > .searchitem > a.btnselect:hover { background:#555; }

.formbox > .row .w100 { display:block; width:100% !important; vertical-align:middle; }
.formbox > .row .w80 { display:inline-block !important; width:74.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w70 { display:inline-block !important; width:69.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w60 { display:inline-block !important; width:59.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w40 { display:inline-block ; width:39.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w30 { display:inline-block ; width:29.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .w20 { display:inline-block ; width:24.9% !important; vertical-align:middle; margin-right:-4px; }
.formbox > .row .association { display:block; margin:0 3px; padding:5px; }
.formbox > .row p { display:block; font-size:.8em; margin:0 3px; padding:5px; text-align:justify; color:#333; }
.formbox > .package { display:block; margin:5px auto; padding:12px 10px 8px 10px; text-align:center; background:#f5f6f7; box-shadow-xxx:0 1px 2px rgba(0,0,0,.3); border:1px solid #ccc; border-radius:8px; }
.formbox > .package > h5 { color:#333; font-weight:normal; margin:6px 0; }
.formbox > .package .price { color:#eb5700; margin:4px; font-size:1em; }
.formbox > .package > img { display:block; width:auto; height:80px; margin:10px auto; }
.formbox > .package .btn-detail { display:block; vertical-align:middle; background:#aaa; color:white; padding:4px 8px; border-radius:4px; margin:3px 30px; cursor:pointer; box-shadow:0 1px 0px rgba(0,0,0,0.2); font-size:.9em; }
.formbox > .package .btn-detail:hover { background:#666; }
.formbox > .package .box { display:block; margin:0; border-bottom:1px dotted #ccc; padding:15px 0; }
.formbox > .package .box:first-child { margin-top:15px; }
.formbox > .package .box:last-child { border-bottom:0; padding-bottom:0; }
.formbox > .package .box > div { display:block; vertical-align:middle; }
.formbox > .package .button { display:inline-block !important; vertical-align:middle; width:25px; height:25px; margin:5px; border-radius:20px; background:#e5e5e6; border:1px solid #bbb; box-shadow:0 1px 0 rgba(0,0,0,0.2); cursor:pointer; }
.formbox > .package .button:hover { background:#bbb; }
.formbox > .package .btn-delete { vertical-align:middle; width:20px; height:30px; cursor:pointer; opacity:.7; }
.formbox > .package .btn-delete:hover { opacity:1; }
.formbox > .package .select .btn-delete { vertical-align:middle; width:40px; height:43px; opacity:1; cursor:pointer; display:block; margin:4px 0; border:1px solid rgba(50,50,50,.15); border-radius:6px; background-color:white; }
.formbox > .package p { display:inline-block; }
.formbox > .package > p.titlegray { display:inline-block; background:#ccc; padding:3px 10px; font-size:.8em; border-radius:20px; }
.formbox > .package > p.titlered { display:inline-block; background:#eb5700; padding:3px 10px; font-size:.8em; border-radius:20px; color:white; }
.formbox > .packagewhite { background:white; }
.formbox > .packagered { background:#eb5700; color:white; }
.formbox > .packagered > h5 { color:white; }
.formbox > .packagered > .price { color:white; }
.formbox > .packagered > .price2 { color:white;font-size:.8em; padding:10px 10px;}
.formbox > .packagephoto > h5 { color:#eb5700; }
.formbox > .icon-add, .icon-add { display:block; margin:2px auto; width:20px; height:20px; }
.btnapply { display:block; background:#999; color:white; padding:12px 0; border-radius:4px; font-size:.9em; text-decoration:none; text-align:center; width:100%; margin:2px auto; }
.narrowcheckbox {}


.frame-blank { position:relative; }
.frame-blank > .numbertype { display:block; font-size:.8em; margin:0 3px; padding:5px 14px; position:absolute; top:11px; right:5px; border-radius:3px; background:#888; color:white; }
.frame-blank > .numbertype-in { background:#FF7D00; }
.frame-blank > .numbertype-out { background:#98cb00; }
.frame-blank > .numbertype > .icon-checkedwhite,
.btngray2 > .icon-checked { 	display:inline-block; width:13px; height:13px; vertical-align:top; margin-right:7px; background-size:100% !important; background-position:0 1px !important; }

.framerow { display:table; width:70%; margin:5px auto; }
.framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }
.framerow > div.select { width:86%; padding-left:40px; padding-right:4px; }
.framerow > div.select > .ui-select > .ui-btn { background:#fff !important; }
.framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }

.content-framerow { display:table; width:40%; margin:5px auto; }
.content-framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }
.content-framerow > div.select {}
.content-framerow > div.select > .ui-select > .ui-btn {}
.content-framerow > div { display:table-cell; line-height:100%; vertical-align:middle; }


.innerframe { padding:20px; background:white; border-radius:2px; }


.icon-cancel3 { display:block; background-color:#888; cursor:pointer; width:30px; height:30px; border-radius:15px; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.2); position:absolute; top:10px; right:10px; }
.icon-cancel3:hover { background-color:#555; }
.listbox > div > p.img-angle-white { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }


.nav { display:block; text-align:center; margin:0 0 25px 0; }
.nav a, .nav p { display:inline-block; vertical-align:middle; }
.nav a { width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:60%; }


.btnlink-phone,
.btnlink-tablet,
.btnlink-retain,
.btnlink-compare { display:block; width:90px; height:40px; margin:0; padding:80px 0 0 0; font-size:.79em !important; text-align:center; vertical-align:top; }

	.btnlink-phone { background:url(../img/btnicon-phone.png) no-repeat 50% 0 / 80%; }
	.btnlink-tablet { background:url(../img/btnicon-tablet.png) no-repeat 50% 0 / 80%; }
	.btnlink-retain { background:url(../img/btnicon-retain.png) no-repeat 50% 0 / 80%; }
	.btnlink-compare { background:url(../img/btnicon-compare.png) no-repeat 50% 0 / 80%; }


.icon-index,
.icon-privacy,
.icon-contactus { display:block; width:90px; height:40px; margin:0; padding:80px 0 0 0; font-size:.79em !important; text-align:center; vertical-align:top; }

	.icon-index { background:url(../css/images/icons-png/icon-index.png) no-repeat 50% 0 / 80%; }
	.icon-privacy { background:url(../css/images/icons-png//icon-privacy.png) no-repeat 50% 0 / 80%; }
	.icon-contactus { background:url(../css/images/icons-png/icon-contactus.png) no-repeat 50% 0 / 80%; }



/* Over Write */
.ui-controlgroup, fieldset.ui-controlgroup { margin:0 !important; }
.ui-btn { margin:3px 1px !important; padding:6px 0 !important; }
.ui-btn-active { background:#999 !important; }
.ui-btn-up-c { border:0 !important; background:#f8f9fa !important; font-weight:normal !important; }
.ui-btn-hover-c { border:0 !important; background:white !important; font-weight:normal !important; }
.ui-btn-corner-all { border-radius:5px !important; font-weight:normal !important; }
.ui-checkbox > .ui-btn-up-c,
.ui-checkbox > .ui-btn-hover-c { background:none !important; }
.ui-checkbox > input[type='checkbox'] { display:none !important; }
.ui-body-c, .ui-dialog.ui-overlay-c { text-shadow:none !important; }
.ui-body-c .ui-link { color:#333; text-decoration:none; font-weight:normal; }
.ui-shadow { box-shadow:0 0px 1px rgba(0,0,0,0.3) !important; }
.ui-shadow-inset { box-shadow:none !important; }
.ui-btn-inner { border-top:0 !important; }
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color:#888; }
.ui-corner-top, .ui-corner-bottom, .ui-btn-up-c, .ui-btn-hover-c { border-radius:4px !important; }
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon { background-color:#999; }
.twm-content > ul:not(.jqm-list) li { font-size:1em; line-height:1.5; }
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { text-shadow:none !important; }
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a { color:#333; font-weight:100; }
.ui-input-text, .ui-input-search { border-width:0px; }
.ui-select { margin-top:0; margin-bottom:0; width:100%; }
.ui-select .ui-btn { border:0px; font-weight:100; }
.ui-select .ui-btn > span:not(.ui-li-count) { margin: 6px 0; }
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover { color:#333; font-weight:100; background:none; text-shadow:none; }
.ui-input-text, .ui-input-search { margin:0px; }
label { background:none !important; border:0 !important; font-weight:100 !important; }
.ui-checkbox label { display:inline-block; vertical-align:top !important; padding-left:37px !important; }
.ui-checkbox > input[type="checkbox"] { vertical-align:top !important; }
.frame > fieldset > .ui-controlgroup-controls > .ui-radio { display:block; width:100%; background:#f5f5f5; margin:1px 0; padding:6px 0; font-size:1em; }
.frame > fieldset > .ui-controlgroup-controls > .ui-radio > label { display:block; font-size:.9em; width:100%; padding-left:40px !important; }
.frame > fieldset > .ui-controlgroup-controls > .ui-radio > input { display:none; }
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on::after, html .ui-bar-a .ui-checkbox-on::after, html .ui-body-a .ui-checkbox-on::after, html body .ui-group-theme-a .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-a::after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active { background-color:#555; }
.ui-page-theme-a .ui-radio-on::after, html .ui-bar-a .ui-radio-on::after, html .ui-body-a .ui-radio-on::after, html body .ui-group-theme-a .ui-radio-on::after, .ui-btn.ui-radio-on.ui-btn-a::after {
    border-color: #666;
}
.ui-select .ui-btn { padding-right: 20px !important; }


.formbox > .row > .frame > .sc-refresh { display:table; width:98%; margin:5px 1%; }
.formbox > .row > .frame > .sc-refresh > p.scimg { display:table-cell; max-width:90px; padding:0; }
.formbox > .row > .frame > .sc-refresh > p.scimg > img { display:block; margin:0 5px 0 0; }
.formbox > .row > .frame > .sc-refresh > a.btn-refresh { display:table-cell; border:1px solid #ccc; border-radius:5px; background-color:#aaabac; font-size:0.9em; vertical-align:middle; text-align:center; color:white; cursor:pointer; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
.formbox > .row > .frame > .sc-refresh > a.btn-refresh:hover { background:#9a9b9c; }



.product-con { padding:13px 0 55px 0; height:420px; position:relative; }
.product-con .list { display:block; width:100%; position:absolute; top:200px; left:0; }
.product-con .list > a { display:inline-block; text-indent:-999px; background:#888; width:5px; height:5px; margin:0px 7px; border-radius:50%; overflow:hidden; }
.product-con .list > a.active { background:#eb5700; }

.product-con .imgbox > .imgboxcon { height:160px; overflow:hidden; margin-top: 20px;}
.product-con .imgbox > .imgboxcon img { height:160px; width:160px; /*20221229*/ display:inline;}

.product-con .imgbox > .btnprev,
.product-con .imgbox > .btnnext { display:block; position:absolute; top:90px; width:50px; height:50px; opacity:0.2; cursor:pointer; background-size:50%; background-repeat:no-repeat; background-position:center; }
.product-con .imgbox > .btnprev:hover, .product-con .imgbox > .btnnext:hover { opacity:.5; }
.product-con .imgbox > .btnprev { left:0; }
.product-con .imgbox > .btnnext { right:0; }


.product-con > .content-framerow {}
.product-con > b { color:#eb5700; display:block; font-size:1.1em; margin:30px 0 8px 0; padding:0 40px; }
.product-con > p.price1 { color:#888; display:block; font-size:.8em; margin:1px 0; }
.product-con > .addedhint { display:block; padding:0; font-size:.9em; position:absolute; top:0; right:5px; }
.product-con > .addedhint > .icon-added { display:block; width:70px; height:70px; margin:4px auto; background:url(../img/icon-added2.png) no-repeat 0 0; background-size:cover; }


.login-modal { position:relative; margin: 50px 10px 30px 10px; background-color: white; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);}
.or-divider { position:relative; margin:26px 0px; font-size: 14px; font-weight: 600; width: 100%; height: 0px; display:block; border: 1px solid #eeeeee; }
.or-divider span { color: #7f7f7f; position:absolute; top:-7px; background-color: white; padding:0 10px; left:50%; margin-left:-25px; width:50px; display:block; }
.or-divider2 { position: relative; margin: 26px 0px; font-size: 14px; font-weight: 600; width: 100%; height: 0px; border: 1px solid #7f7f7f;}
.or-divider2 span { color: #7f7f7f; position: relative; top: -7px;  padding: 0 8px; left: 50%; margin-left: -16px; background-color:#e8e9ea;  }




.titlefilter { display:inline-block; font-size:.7em; padding:10px 20px; font-weight:normal; background:#555; width:auto; color:white; border-radius:40px; margin:10px 0; } 
.listbox { display:block; text-align:left; padding:10px 0; background:#fff; }
.listbox > div { display:block; width:auto; margin:0 0 10px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; text-align:center; vertical-align:top; /*box-shadow:0 1px 2px rgba(0,0,0,.3);*/ }
.listbox > div > img { display:block; width:130px; margin:1px auto; vertical-align:top; }
.listbox > div > b { display:block; color:#eb5700; font-weight:bold; font-size:1.1em; margin:-10px -10px 20px -10px; overflow:hidden; padding:0px; text-overflow:ellipsis; vertical-align:top; width:auto; background-color:#fff; text-align:left; }

/*
.listbox > div > p.price1 { display:block; width:auto; font-size:.8em; color:#999; margin:5px 15px 0 15px; vertical-align:top; }
.listbox > div > p.price2 { display:block; width:auto; font-size:.9em; margin:0 15px 0 15px; vertical-align:top; }
.listbox > div > p.price2 > .icon-dollarsign { display:inline-block !important; font-size:1.1em; padding-left:17px !important; margin-left:3px !important; color:#eb5700 !important; }
*/

.listbox2 { display:block; text-align:left; padding:10px; background:#e8e9ea; }
.listbox2 > div { display:block; width:auto; margin:0 0 10px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; text-align:left; vertical-align:top; box-shadow:0 1px 2px rgba(0,0,0,.3); }
.listbox2 > div > img { display:block; width:130px; margin:1px auto; vertical-align:top; }
.listbox2 > div > b { display:block; color:#eb5700; font-weight:bold; font-size:1.1em; margin:-10px -10px 20px -10px; overflow:hidden; padding:15px 30px; text-overflow:ellipsis; vertical-align:top; width:auto; background-color:#f6f7f8; text-align:left; }

.listbox2 > .formbox > .row > .frame > .sc-refresh { display:table; width:98%; margin:5px 1%; }
.listbox2 > .formbox > .row > .frame > .sc-refresh > p.scimg { display:table-cell; max-width:90px; padding:0; }
.listbox2 > .formbox > .row > .frame > .sc-refresh > p.scimg > img { display:block; margin:0 5px 0 0; }
.listbox2 > .formbox > .row > .frame > .sc-refresh > a.btn-refresh { display:table-cell; border:1px solid #ccc; border-radius:5px; background-color:#aaabac; font-size:0.9em; vertical-align:middle; text-align:center; color:white; cursor:pointer; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
.listbox2 > .formbox > .row > .frame > .sc-refresh > a.btn-refresh:hover { background:#9a9b9c; }

.listbox3 { display:block; text-align:left; padding:10px; background:#e8e9ea; }
.listbox3 > .rowtype { display:block; width:auto; margin:0 0 10px 0; padding:10px; background-color:white; box-sizing:border-box; text-decoration:none; position:relative; vertical-align:top; box-shadow:0 1px 2px rgba(0,0,0,.3); min-height: 150px; text-align: left;}
/*.listbox3 > div > img { display:block; width:130px; margin:1px auto; vertical-align:top; }*/
.listbox3 > .rowtype > img { display:block; width:130px; float:left; margin:auto 0 auto 0px; }
.listbox3 > .rowtype > b { display:block; width:auto; font-size:inherit; color:#eb5700 !important; font-weight:bold; text-decoration:none; padding:30px 0px 0px 0px; }
/*.listbox3 > div > b { display:block; color:#eb5700; font-weight:bold; font-size:1.1em; margin:-10px -10px 20px -10px; overflow:hidden; padding:15px 30px; text-overflow:ellipsis; vertical-align:top; width:auto; background-color:#f6f7f8; text-align:left; }
.listbox3 > .listboxrecom > b { background-color:#eb5700; color:white; padding:15px 70px 15px 30px; text-align:left; }*/
.listbox3 > div > p.img-angle-white { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }
.listbox3 > div > .btngray { display:inline-block; margin:15px auto 5px auto; padding:5px 20px 5px 15px; box-shadow:none; background:#aaa; }
.listbox3 > div > .btngray > .icon-checked { display:inline-block;  background-size:35px 30px; width:30px; height:15px; padding:0; margin: 0px 0px 3px -10px; vertical-align:middle; }
.listbox3 > div > .btngray:hover { background:#777; }
.listbox3 > div > .btnselect { background:#eb5700; }



.listbox > .listboxrecom > b { background-color:#eb5700; color:white; padding:15px 70px 15px 30px; text-align:left; }
.listbox > .listboxrecom2 > b { background-color:#eb5700; color:white; padding:30px 30px; text-align:center; font-weight:100; }
.listbox > .listboxrecom3 > b { background-color:#333333; color:white; padding:30px 30px; text-align:center; font-weight:100; }
.listbox > div > p.img-angle2 { display:block; width:20px; height:20px; position:absolute; top:-1px; left:-2px; background-size:100%; }

.loginmainnav { dispaly:inline-block; background-color: #000000 ; width: 100%; margin-right: auto; margin-left: auto; overflow:hidden; list-style: outside none none; }
.loginmainnav ul { }
.loginmainnav li { display:block; float: left; width: 50%; text-align: center; padding:0px; margin:0px 0px 20px 0px; }
.loginmainnav li:first-child a { border-radius: 0.25em 0px 0px; }
.loginmainnav li:last-child a { border-radius: 0px 0.25em 0px 0px; }
.loginmainnav li { display:inline-block; float: left; width: 50%; text-align: center;  }
.loginmainnav li > a.selected { background: none repeat scroll 0% 0% #FFF; color: #505260;}
.loginmainnav li a { display: block; padding:0 15px; background-color: #000000; color: #FFFFFF; font-weight: bold; font-size: 15px; text-decoration: none; height: 70px; line-height: 70px; width: 100%; background: none repeat scroll 0% 0% #D2D8D8; }
.loginmainnav li a:hover { background-color: #CCCCCC; color: #000000; }



.switcher { dispaly:inline-block; width: 100%; margin-right: auto; margin-left: auto; overflow:hidden; list-style: outside none none; }
.switcher ul { }
.switcher li { display:block; float: left; width: 50%; text-align: center; padding:0px; margin:0px 0px 0px 0px; }
.switcher li:first-child a { border-radius: 0.25em 0px 0px; }
.switcher li:last-child a { border-radius: 0px 0.25em 0px 0px; }
.switcher li { display:inline-block; float: left; width: 50%; text-align: center;  }
.switcher li > a.selected { background: none repeat scroll 0% 0% #fff; color: #eb5700!important;}
.switcher li a { display: block; padding:0 15px; color: #fff !important; font-weight: bold; font-size: 15px; text-decoration: none; height: 70px; line-height: 70px; width: 100%; background: none repeat scroll 0% 0% rgba(15, 12, 13, 0.09) }
.switcher li a:hover { background-color: #eb5700; color: #000000; }

.promotiomsell > img { display:block; width:100%; height:auto; margin:0 auto; box-shadow:0 1px 2px rgba(0,0,0,0.2); max-width:960px; }



.product-listbox { display:block; }
.product-listbox > .btn-section { display:block; font-size:1em; font-weight:normal; padding:10px 0 0 5px; cursor:pointer; }
.product-listbox > .btn-section > .icon-productconarrow { opacity:.7; }
.product-listbox > .btn-section:hover > .icon-productconarrow { opacity:1; }
.product-listbox-tabclose > .btn-section { padding-bottom:8px; }
.product-listbox-tabclose > .btn-section > .icon-productconarrow { background-position:0 4px; }
.product-listbox > .row { padding-top:8px; }




.listviewapply { display:table !important; width:100%; }
.listviewapply > .item { display:table-cell !important; margin:0; padding:0; width:33%; height:90px; text-align:center; border-right:0px dotted #ccc; cursor:pointer; }
.listviewapply > .item:last-child { border-right:0; }
.listviewapply > .item > .icon { display:block; width:90px; height:90px; background-repeat:no-repeat; background-size:90px 180px !important; background-position:50% top !important; margin:0 auto; }
.listviewapply > .item > #aq { background-image:url(../img/icon_apply_aq.png) !important; }
.listviewapply > .item > #np { background-image:url(../img/icon_apply_np.png) !important; }
.listviewapply > .item > #rn { background-image:url(../img/icon_apply_rn.png) !important; }
.listviewapply > .item > p { display:block; text-align:center !important; padding:0 !important; margin:0 !important; }
.listviewapply > .select > p { color:#eb5700; }
.listviewapply > .select > .icon { background-position:50% bottom !important; }

.claimbox { display:block; border:1px dashed orange; padding:10px; }
.claimbox > label { display:block; color:orange; text-align:left; margin-bottom:10px; }
.claimbox p { display:block; text-align:left; padding-top:0; padding-bottom:5px; }
.claimbox p > div { vertical-align:middle; }
.claimbox p > div input { margin-top:-3px; }
.claimbox p > label { display:block; text-align:left; font-size:1.1em; margin-left:35px; margin-top:0; }
.claimbox p span { display:block; text-align:left; color:red; font-size:1.1em; margin-left:35px; margin-top:0; }

/**TWM ADD**/
.formbox > .row .w50 { display:inline-block ; width:49.9% !important; vertical-align:middle; margin-right:-4px; }

.btn-congray:hover { background:#666; }
.btn50{width: 50%;display: inline-block;float: left;}
.btn34{width: 34%;display: inline-block;float: left;}
.btn33{width: 33%;display: inline-block;float: left;}

/* =========== 0111 ADD momo / START ===========*/
.ul-basic-momo {
	display: block;
	margin: 10px 0px 30px 0px;
	text-align: left;
}

.formbox>.row input.mm-input {
	display: inline-block;
	width: auto;
}

.overlay .canvas .concenter .ul-basic-momo p {
	margin: 0;
	margin-bottom: 6px;
	list-style: disc;
	font-size: .9em;
	text-align: justify;
	color: #555;
	display: block !important;
	text-align: left;
}

.formbox.ul-basic-momo span {
	text-align: left;
	display: inline-block !important;
}

.img-style {
	width: 100%;
	text-align: center;
}

.txt-title {
	font-weight: bold;
}

.momoatt {
	margin: 20px auto;
	background: #efefef;
	padding: 10px;
	border-radius: 4px;
}

/* =========== 0111 ADD momo / END===========*/

/* 20240122  */
.inputobj.imgcode input {
    display: inline-block;
    width: calc(55% - .55em);
    min-width: auto;
    height: 50px;
    margin-right: .5em;
}

.inputobj.imgcode  .imgcode-captcha{
    display: inline-block;
    width: 42%;
    min-width: auto;
    height: 50px;
    margin-right: .5em;
}

.refresh-click{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../img_icon/icon-refresh.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: .35;
}
.refresh-click:hover{
    opacity: 1;
    background-image: url(../img_icon/icon-refresh-orange.svg);
}
/* 20240122 end */

.on-number{
    display: inline-block;
}